<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>配送完成记录</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/analysis_historyfeesummary.css" />
    <link rel="stylesheet" type="text/css" href="css/customerservicelist.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />
    <link rel="stylesheet" type="text/css" href="css/distribution_center.css" />
    <style>
        .work_con_box_left {
            width: 25%;
        }

        .work_con_box_right {
            width: 73%;
        }

        .left-blue-span {
            padding: 4px 12px;
        }

        .item-content {
            font-size: 1.2rem;
        }

        .item-box {
            padding: 0;
            text-align: center;
        }

        .con-itemfl {
            background: #fff;
        }

        .icon-callphone {
            padding: 0px 3px;
        }

        .searchparamitem label {
            border-radius: 4px;
            padding: 5px 10px;
            line-height: unset
        }

        .searchparamitem label.active {
            background: #d4ebfd;
            color: #289fff;
            border-color: #d4ebfd;
        }
    </style>

</head>

<body>
    <div id="app" v-cloak>
        <div v-on:click="doHideSearch()" v-if="showsearch" class="maskbg">
        </div>
        <div v-if="showsearchparam" class="searchparam nomenu" style="height: 55%;">
            <div class="searchcontent" style="height: 100%;">
                <div class="searchparamtitle">
                    配送类型
                </div>
                <div class="searchparamitem">
                    <label v-on:click="doSelectPSType(item.ID)"
                        v-bind:class="{'active':form.PsTypes.indexOf(item.ID)>-1}"
                        v-for="item in TypeList">{{item.Name}}</label>
                </div>
                <div class="searchparamtitle">
                    查询时间
                </div>
                <div class="searchparamitem">
                    <label v-on:click="doSelectTime(1)" v-bind:class="{'active':form.timeType==1}">按接单时间</label>
                    <label v-on:click="doSelectTime(2)" v-bind:class="{'active':form.timeType==2}">按完成时间</label>

                    <div class="searchparamitem searchparamitem_input">
                        <i class="icon iconfont icon-rili"></i>
                        <span class="choose new-span-date" id="startdate" data-options='{"type":"date"}'
                            v-bind:class="{'textColorPlaceholder':form.startTime==''}">{{form.startTime==''?'开始日期':form.startTime}}</span>
                        <span style="padding: 0 10px;">
                            至
                        </span>
                        <span class="choose new-span-date" id="enddate" data-options='{"type":"date"}'
                            v-bind:class="{'textColorPlaceholder':form.endTime==''}">{{form.endTime==''?'结束日期':form.endTime}}</span>
                    </div>
                </div>

                <div class="aui_bottom" style="background: #fff; border-radius: 0px 0px 14px 14px;">
                    <div v-on:click="doReset()" class="aui_bottombtn left">重置</div>
                    <div v-on:click="doSearch()" class="aui_bottombtn right">确认</div>
                </div>
            </div>
        </div>
        <div class="search_box fixedbox bgshadow" v-bind:class="{'fixedbox':showsearch}">
            <div class="searchitem" v-bind:class="{'chkedbox':showsearchparam}" v-on:click="doSelectSearchParam(1)">
                筛选
                <i v-if="!showsearchparam" class="icon iconfont icon-down"></i>
                <i v-if="showsearchparam" class="icon iconfont icon-shangjiantou" style="color:#fff;"></i>
            </div>
        </div>
        
        <div class="aui-content" style="margin-top: 2.3rem;">
            <div v-if="total.currentCount>0||total.totalCount>0" class="boxarea mainbox"
                style="padding-top: 5px;padding-bottom: 10px;">
                <div class="gd-contain mt10">
                    <div class="con-itemfl fl" style="width: 55%;">
                        <div class="item-box">
                            <div v-if="form.startTime==''&&form.endTime==''">完成数量</div>
                            <div v-if="form.startTime==now_search_data&&form.endTime==now_search_data">今日完成</div>
                            <div
                                v-if="(form.startTime!=''||form.endTime!='')&&(form.startTime!=now_search_data||form.endTime!=now_search_data)">
                                {{form.startTime?form.startTime:'--'}}至{{form.endTime?form.endTime:'--'}}</div>
                            <div class="item-content">{{total.currentCount}} <label>单</label></div>
                        </div>
                    </div>
                    <div class="con-itemfl  fr" style="width: 44%;">
                        <div class="item-box">
                            <div>累计完成</div>
                            <div class="item-content">{{total.totalCount}} <label>单</label></div>
                        </div>
                    </div>
                </div>
            </div>

            <section id="main_refresh" class="aui-refresh-content" style="margin-top: 0;">
                <div class="aui-content task" v-if="list.length>0">
                    <div v-for="item in list" class="boxarea mainbox bgshadow">
                        <div class="work_con_box">
                            <div v-on:click="do_open(item)" class="work_con_box_type pb10 border-bottom">
                                <div><span class="left-blue-span left-gree-span">{{item.statusDesc}}</span>
                                </div>
                            </div>

                            <div class="work_con_box_time marginheight border-bottom">
                                <ul class="processul">
                                    <li class="processulli li-border-color-grey"
                                        v-bind:class="{'bg-grey':item.status>=5||item.deliveryType==3}">
                                        <div class="icon_type">起</div>
                                        <div class="task_process_con con_right">
                                            <div class="handle">
                                                <div class="task_process_basic_title">
                                                    <div v-on:click="do_open(item)"
                                                        class="task_process_basic_title_name fl" v-bind:class="{'sort':item.deliveryType==1}">
                                                        <div class="fl">{{item.fromAddress}}</div>
                                                        <div class="cl"></div>
                                                    </div>
                                                    <div v-if="item.deliveryType==1"
                                                        v-on:click="tellCallPhone(item.customerPhone)"
                                                        class="order_right_phone fr">
                                                        <div><label class="icon-callphone"><i
                                                                    class="icon iconfont icon-dianhua"></i></label>
                                                        </div>
                                                        <div class="lianxi-right">联系顾客</div>
                                                    </div>
                                                    <div class="cl"></div>
                                                    <div v-if="item.deliveryType==1" v-on:click="do_open(item)"
                                                        class="handle_con_msg ">
                                                        <span>{{item.customerName}}</span>
                                                        <span>{{item.customerPhone}}</span>
                                                    </div>
                                                    <div v-if="item.deliveryType==2||item.deliveryType==3" class="hide_height"></div>
                                                    <div class="cl"></div>
                                                </div>
                                            </div>
                                            <div class="hide_height"></div>
                                        </div>
                                    </li>
                                    <li class="processulli" v-bind:class="{'bg-grey':item.deliveryType==1}">
                                        <div class="icon_type">终</div>
                                        <div class="task_process_con con_right">
                                            <div class="handle">
                                                <div class="task_process_basic_title">
                                                    <div v-on:click="do_open(item)"
                                                        class="task_process_basic_title_name fl"  v-bind:class="{'sort':item.deliveryType==2||item.deliveryType==3}">
                                                        <div class="fl">{{item.toAddress}}</div>
                                                        <div class="cl"></div>
                                                    </div>
                                                    <div v-if="item.deliveryType==2||item.deliveryType==3"
                                                        v-on:click="tellCallPhone(item.customerPhone)"
                                                        class="order_right_phone fr">
                                                        <div><label class="icon-callphone"><i
                                                                    class="icon iconfont icon-dianhua"></i></label>
                                                        </div>
                                                        <div class="lianxi-right">联系顾客</div>
                                                    </div>
                                                    <div class="cl"></div>
                                                    <div v-if="item.deliveryType==2||item.deliveryType==3" v-on:click="do_open(item)"
                                                        class="handle_con_msg ">
                                                        <span>{{item.customerName}}</span>
                                                        <span>{{item.customerPhone}}</span>
                                                    </div>
                                                    <div v-if="item.deliveryType==1" class="hide_height"></div>
                                                    <div class="cl"></div>
                                                </div>
                                            </div>
                                            <div class="hide_height"></div>
                                        </div>
                                    </li>
                                </ul>
                            </div>

                            <div v-on:click="do_open(item)" v-if="item.goodWeight"
                                class="work_con_box_time marginheight">
                                <div class="work_con_box_left"><i class="icon iconfont icon-rili"></i>预计重量:</div>
                                <div class="work_con_box_right">
                                    <label class="li24"><span class="text-blue">{{item.goodWeight}}</span>kg</label>
                                </div>
                            </div>

                            <div v-on:click="do_open(item)" v-if="item.remark" class="work_con_box_time marginheight">
                                <div class="div-text-remark">
                                    备注：{{item.remark}}
                                </div>
                            </div>

                            <div v-if="item.orderItemList.length>0" class="work_con_box_time marginheight">
                                <div v-if="itemIndex<5" v-for="(itemImg,itemIndex) in item.orderItemList"
                                    class="work-box-image">
                                    <img :src="itemImg.itemCoverImg" />
                                </div>

                                <div v-if="item.orderItemList.length>5" class="work-box-last">
                                    <div class="work-box-text">共{{item.orderItemList.length}}类 <i
                                            class="icon iconfont icon-xiangyoujiantou"></i></div>
                                </div>
                            </div>
                            <div v-if="item.acceptTime" v-on:click="do_open(item)"
                                class="work_con_box_time marginheight">
                                <div class="work_con_box_left" style="width: 35%;"><i class="icon iconfont icon-shijian"></i>接单时间:</div>
                                <div class="work_con_box_right" style="width: 65%;">
                                    <label class="li24" style="line-height: 24px;">{{item.acceptTime}}</label>
                                </div>
                            </div>
                            <div v-if="item.completeTime" class="work_con_box_time marginheight">
                                <div class="work_con_box_left" style="width: 35%;"><i class="icon iconfont icon-rili"></i>完成时间:</div>
                                <div class="work_con_box_right" style="width: 65%;">
                                    <label class="li24">{{item.completeTime}}</label>
                                </div>
                            </div>


                        </div>

                        <div class="new-btn-bottom">
                            <div v-if="form.status==1" v-on:click="doOrderReceive(item)"
                                class="work_beginbtnty3 new-blue-btn"> 接单
                            </div>
                            <!-- <div v-on:click="examRelease(item,1)" class="work_beginbtnty3 new-blue-btn new-white-btn"> 退回</div> -->
                            <div v-if="form.status==2&&item.status==6" v-on:click="doOrderService(item)"
                                class="work_beginbtnty3 new-blue-btn"> 配送完成 </div>
                            <div v-if="form.status==2&&item.status==2" v-on:click="doOrderCheck(item,0)"
                                class="work_beginbtnty3 new-blue-btn"> 验收取货 </div>
                        </div>

                    </div>
                    <div class="notodayList">
                        已显示全部订单
                    </div>
                </div>

                <div class="noinfo" id="noorder" v-if="list.length==0">
                    <img src="../image/index/noinfomsg_icon.png" alt="" />
                    <h5><br />暂无相关数据</h5>
                </div>
            </section>


        </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="js/distribution_record_frm.js"></script>

</html>